@charset "utf-8";
*{
    margin: 0;padding: 0;
    font: 12px/20px "Microsoft YaHei", Tahoma, Helvetica, Arial, "宋体", sans-serif;
    /*box-sizing: border-box;*/
}
@font-face {
    font-family: 'iconfont';
    src: url('aliiconfont/iconfont.eot');
    src: url('aliiconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('aliiconfont/iconfont.woff') format('woff'),
    url('aliiconfont/iconfont.ttf') format('truetype'),
    url('aliiconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:12px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*常用的基本样式*/
button{
    height: 26px;
    width: 70px;
    margin: 2px;
}
input,select,textarea{
    height:24px;
    /*line-height: 28px;*/
    border:1px solid #C1C1C1;
    margin: 2px;
    padding-left: 2px;
}
input[type='radio'],input[type='checkbox']{
    vertical-align:middle; margin-top:0;
}
select{
    width:150px;
    /*vertical-align: middle;*/
    line-height:25px
}
input[type='text']{
    width:150px;
    vertical-align: middle;
    line-height:25px
}
textarea{
    width: 370px;
}
.w20{width: 20px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 60px;}
.w100{width: 100px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w500{width: 500px;}
.h22{height: 22px;}
.h23{height: 23px;}
.h24{height: 24px;}
.h25{height: 25px;}
.h20{height: 20px;}
.h30{height: 30px;}
.w100p{width: 100%}
.h100p{height: 100%}
.fl{float: left;}
.fr{float: right}
.clearfix{overflow:auto;_height:1%;_zoom:1;}
.hide{display: none}
.inline-block{display: inline-block}
.text-center{text-align: center}
.text-left{text-align: center}
/*导航选项卡*/
.yui-navtabs{
    border-bottom: solid 2px #2f4050;
    position: relative;
    height: 42px;
    background: #fafafa;
    line-height: 40px;
    box-sizing: border-box;
}
.yui-navtabs button {
    background: #fff;
    border: 0;
    height: 40px;
    width: auto;
    outline: 0;
}
.yui-navtabs>.yui-navtabs-rollbtn{
    border: none;
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #999;
    z-index: 2;
    bottom: 0;
    outline: none;
    margin: 0;
}
.yui-navtabs>.yui-navtabs-rollbtn:hover{
    background-color: #fff;
}
.yui-navtabs>.rightRoll{
    right: 80px;
    border-right: 1px solid #f7f7f7;
}
.yui-navtabs>.yui-navtabs-content{
    position: relative;
    height: 40px;
    margin-left: 40px;
    line-height: 40px;
    overflow: hidden;
}
.yui-navtabs>.yui-navtabs-content>.yui-navtabs-menus>.yui-navtabs-tab{
    display: block;
    float: left;
    border-right: solid 1px #fff;
    padding: 0 15px;
    background: #f1f1f1;
    color: #a7b1c2;
    cursor: pointer;
    text-decoration: none;
    line-height: 40px;
    outline: none;
}
.yui-navtabs>.yui-navtabs-content>.yui-navtabs-menus>.yui-navtabs-tab:hover{
    color: #999;
    transition: all .5s;
    -webkit-transition: all .5s
}
.yui-navtabs>.yui-navtabs-content>.yui-navtabs-menus>.yui-navtabs-tab>.icon-close:before { content: "\e794";margin-left:3px}
.yui-navtabs>.yui-navtabs-content>.yui-navtabs-menus{
    position: absolute;
    float: left;
    width: 10000000px;
    z-index: 1;
}
.yui-navtabs>.yui-navtabs-content>.yui-navtabs-menus>.current{
    background: #114259;
    color: #d1d1d1;
}
.yui-navtabs>.yui-navtabs-content>.yui-navtabs-menus>.current:hover{
    color: #FFF;
}
.yui-navtabs>.btn-group{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 0;
}
.yui-navtabs>.btn-group>.dropdown-menu {
    border: medium none;
    float: left;
    font-size: 12px;
    right: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(86,96,117,.3);
    width: 120px;
    margin: 2px 0 0 0;
    display: none;
}
.yui-navtabs>.btn-group>.dropdown-menu li{
    padding: 6px;
    text-align: center;
    background-color: #f1f1f1;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.yui-navtabs>.btn-group>.dropdown-menu li:hover{
    background-color: #fff;
}
.yui-navtabs>.btn-group>.closeSelect{
    width: 80px;
    height: 40px;
    margin: 0;
}
.yui-navtabs>.yui-navtabs-page{
    width: 100%;
    height: 100%;
}

/*纵向菜单*/

.allowl{
    position: absolute;
    top:50%;
    right: 0;
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-left: 0;
    border-bottom: 20px solid transparent;
    border-right: 10px solid #111;
}
.allowr{
    position: absolute;
    top:50%;
    right: 0;
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-left: 10px solid #111;
    border-bottom: 20px solid transparent;
    border-right: 0;
}

.yui-navmenu{
    position: relative;
    cursor: default;
    height: 100%;
    background: #DAC4AD;
}
.yui-navmenu .firstmenu{
    display: block;
}
.yui-navmenu .menutitle{
    font-size: 12px;
    display:block;
    color: #777879;
    margin-top: 5px;
    text-align: center;
}
.yui-navmenu .menuicon{
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    vertical-align:middle;
}
.yui-navmenu .secondmenu{
    display: none;
    position: absolute;
    overflow-y: auto;
    background: #f4ebe1;
    border: 1px solid #f4ebe1;
    color: #2f80d1;
    z-index: 10;
    padding: 10px 10px;
    margin-left: -1px;
    box-shadow: 2px 2px 6px 0px #DADADA;
    -webkit-box-shadow: 2px 2px 6px 0px #DADADA;
    -o-box-shadow: 2px 2px 6px 0px #DADADA;
    -moz-box-shadow: 2px 2px 6px 0px #DADADA;
    border-radius: 5px;
}
.yui-navmenu .secondmenu h2{font-size: 16px;margin-left: 10px;color:#726545  }
.yui-navmenu .secondmenu h4{ display: block;  margin: 10px 0;  }
.yui-navmenu .secondmenu ul{margin-top: 10px;  }
.yui-navmenu .firstitem{
    background: #DAC4AD;
    /*border-right: 1px solid #ffffff;*/
    z-index: 11;
    height: 100%;
    width: 100%;
    padding: 10px 0;
}
.yui-navmenu .hover{
    background: #f4ebe1;
    border: 1px solid #dddddd;
    border-right: 1px solid #f4ebe1;
    position: relative;
    left: 1px;
    z-index: 11;
}
.yui-navmenu .seconditem{
    float: left;
    padding: 10px 10px;
    font-size: 14px;color:#9e866e;
    display: inline-block
}
.yui-navmenu .seconditem:hover{color: #654800 }



.yui-intab{
    width: 100%;
    border-bottom: 5px solid #9e866e;
    height: 28px;
    clear: both;
    box-sizing: content-box;
    overflow: hidden;
}
.yui-intab>.yui-intab-tabs{
    height: 28px;float: left;
}
.yui-intab li{display: inline-block;height: 28px;}

.yui-intab>.yui-intab-tabs li {
    width: auto;
    color: #9e866e;
    float: left;
    /*background-image: url("skin/skin_default/tab02.png");*/
}
.yui-intab .yui-intab-tabs .current{
    color: #fff;
    /*background-image: url("skin/skin_default/tab01.png");*/
}
/*intab的标题样式*/
.yui-intab .yui-intab-tabs .current s{
    background-image:url("skin/skin_default/intab_left_02.png");
}
.yui-intab .yui-intab-tabs .current i{
    background-image: url("skin/skin_default/intab_right_02.png");
}
.yui-intab .yui-intab-tabs .current span{
    background-image: url("skin/skin_default/intab_center_02.png");
}
.yui-intab li>s{ float: left;display: inline-block;height: 28px;width:5px;
    background-image: url("skin/skin_default/intab_left_01.png");
}
.yui-intab li>span{float: left;display: inline-block;height: 28px;width:auto;line-height: 28px;
    padding: 0 5px;
    background-image: url("skin/skin_default/intab_center_01.png");
}
.yui-intab li>i{float: left;display: inline-block;height: 28px;width:32px;
    background-image: url("skin/skin_default/intab_right_01.png");
}
.yui-intab>.tabbtns {
    position: relative;
    right: 0;
    top: 0;
    float: right;
}
.yui-intab>.tabbtns ul{
    list-style: none;display: inline-block;
}
.yui-intab>.tabbtns>ul>li{float: left;}
.yui-intab>.tabbtns>ul>li>button{
    border-radius: 2px;
    width: 100px;
    height: 28px;
    margin:0 3px;
}
.yui-intab>.tabbtns>.otherView{
    display: inline-block;
    position: relative;
    height: auto;
    line-height: 28px;
}
.inpage {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    display: none;
}
.swapview {
    border: 1px solid #ccc;
    overflow-y: auto;
    border-top: none;
}
.swapview iframe{
    width: 100%;height: 100%;border:none;margin: 0;padding: 0;
}
.alert {overflow: hidden;z-index: 1011;display: block;width: 300px;margin-left: -150px;position: absolute;top: 0;left: 50%;}
.alert .button{
    border: 1px solid #999;border-radius: 4px;display: block;
    height: 23px;line-height: 24px;cursor: pointer;overflow: hidden;font-weight: bold;
    float: left;padding: 0 15px;text-decoration: none;margin-left: 5px;font-size: 13px;
}
.alert .toolBar {
    display: block;overflow: hidden;height: 25px;padding-top: 5px;text-align: right;float: right;padding-right: 5px;
}
.alert .toolBar li{float: left}
.alert .confirm .alertInner {border-color: #b8d0d6;background: #fefacf;  }
.alert h1 {
    display: block;overflow: hidden;height: 30px;
    margin-bottom: 10px;padding: 0 0 0 25px;line-height: 30px;
    border-style: solid;border-width: 0 0 1px 0;line-height: 30px;border-color: #CCC;
    background: url(images/alertpanel_icon.png) no-repeat;
    background-position: 2px -92px;
    font-size: 16px;font-family: 宋体;
}
.alert .error{background-color:#FEFACF ;  }
.alert .alertInner .msg {margin: 10px;max-height: 200px;line-height: 1.3em;/*overflow: auto;*/  }
.alert .alertInner {
    display: block;padding: 0 9px 9px 9px;text-align: left;
    border-style: solid;border-width: 1px;font-size: 12px;
}
.alert .alertContent {display: block; overflow: hidden;padding: 5px 5px 1px 5px;border-style: solid;border-width: 0 1px;  }
.alert .alertContent {border-color: #b8d0d6;background: #eef4f5;  }
.alert .alertFooter{width: 100%; height: 4px;background-color: #eef4f5;  border-radius: 4px;  }
.yui-icon16{background-image: url('images/b1616.png');width: 16px;height: 16px;}
.yui-icon16-ar{background-position: -4px -4px;}
@-webkit-keyframes roll{from {-webkit-transform:rotate(0deg)} to {-webkit-transform:rotate(360deg)} }
.yui-floatmenu{
    margin-top:2px;
    margin-right: 50px;
    margin-bottom: 2px;
}
.yui-floatmenu a{
    display: inline-block;
    border: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    width: 70px;
    height: 30px;
}
.yui-btn-curd{
    background-color: #DAC4AD;
    background-repeat: no-repeat;
    background-position:3px 6px;
    width: auto;
    height: 25px;
    border: 1px solid #DAC4AD;
    text-align: left;
    padding: 0 5px 0 19px;
}
.yui-btn-curd:hover{
    border: 1px solid #f6f6f6;
}
.yui-btn-add{
    background-image: url("images/add_ico.png");
}
.yui-btn-edit{
    background-image: url("images/edit_ico.png");
}
.yui-btn-delete{
    background-image: url("images/delete_ico.png");
}
.yui-complete {
    position: absolute;
    height: 100px;
    display: none;
    padding-left: 0;
    outline: none;
    opacity: 1;
}
.yui-complete option{
    padding: 2px;
    border-bottom: 1px dotted #eee;
    overflow:visible;
}
/*便签组件*/
.yui-note {
    padding-bottom:5px;
    background:url("images/note_bg02.jpg") left bottom repeat-x;
    border:#cfd2d5 1px solid;
    margin:0 auto;
    position:relative;
}
.yui-note>.content {
    padding-top:50px;
    padding-bottom:10px;
    background:#f8f9fa url("images/note_bg01_big.jpg") left top repeat-x;
}
.yui-note>.small{
    padding-top:35px;
    background-image: url("images/note_bg01_small.jpg");
}
.yui-note.small{
    padding-top:10px;
}
.yui-note>.radiu_tl,.yui-note>.radiu_tr {
    width:6px;
    height:6px;
    position:absolute;
    top:-1px;
}
.yui-note>.radiu_tl {
    background:url("images/note_l_t.jpg") no-repeat;
    left:-1px;
}
.yui-note>.radiu_tr {
    background:url("images/note_r_t.jpg") no-repeat;
    right:-1px;
}
.yui-note>.radiu_bl,.yui-note>.radiu_br {
    width:10px;
    height:10px;
    position:absolute;
    bottom:-1px;
}
.yui-note>.radiu_bl{
    background:url("images/note_l_b.jpg") no-repeat;
    left:-1px;
}
.yui-note>.radiu_br{
    background:url("images/note_r_b.jpg") no-repeat;
    right:-1px;
}
.select-query-area{
    width: 100%;
    height: 30px;
    background-color: rgb(233,239,241);
}
.select-query-area .close{
    display: inline-block;
    height: 16px;width: 16px;
    float: right;
    margin: 9px 0 0 0;
    background: url(images/close_w01.png) no-repeat;
}
.select-query-area .close:hover{
    background-image: url(images/close_w02.png);
}
.select-query-area .caption{
    line-height: 30px;
    font-weight: bold;
    padding-left: 5px;
}

.select-query-area>label{
    margin-left: 4px;
    margin-right: 2px;
    color: #222;
}
.select-query-area>input{
    margin-top: 4px;
    height: 20px;
    width:82px;
}
.select-query-area>.query-button{
    /*background-image: url(../images/search.jpg);*/
    width: 70px;
    height: 22px;
    margin-left: 85px;
}
.select-query-area>.reset-button{
    width: 70px;
    height: 22px;
    margin-left: 35px;
    /*background-image: url(../images/reset.jpg);*/
}
.select-table{
    border-collapse: collapse;
    border: none;
    width: 100%;
    margin-top: 1px;
}
.select-table-head{
    background-color: rgb(233,239,241);
}
.select-table-head>tr>th{
    height:25px;
    border: solid 1px #ccc ;
    border-collapse: collapse;
    text-align: center;
}
.select-table-body>tr>td{
    height:20px;
    border: solid 1px #ccc ;
    border-collapse: collapse;
    text-align: center;
}
.select-table-body>tr:hover{
    background-color: #e1e1e1;
}
.select-table-body>tr>td>.js-select{
    height: 20px;
    line-height: 20px;
}
.select-table-foot{
    width: 100%;
    height: 26px;
    background-color:rgb(233,239,241) ;
}
.select-table-foot>.backpage{
    height: 22px;
    float: right;
    background-color:rgb(233,239,241) ;
    border: 1px solid #bbb;
    border-radius: 2px;
}
.select-table-foot>.nextpage{
    height: 22px;
    float: right;
    background-color:rgb(233,239,241) ;
    border: 1px solid #bbb;
}
.table-fill-blank{
    height:0;
    text-align: center;
    width: 100%;
}
.MultiSelect option{
    padding: 5px;
    border-bottom: 1px dotted #ccc;
}
.tacktips{
    /*border: 1px solid #ccc;*/
    border-radius: 6px;
    width: auto;height: auto;
    padding: 4px 4px 0;
    position: absolute;
    top: 100px;left: 200px;
    background-color: #8282d2;
    z-index: 100;
}
.tacktips>.arrows{
    position: absolute;
    top: 100%;
    content: " ";
    left:10%;
    width:0; height:0;
    margin-top: -5px;
    border-left:12px solid transparent;
    border-top:12px solid #8282d2;
    border-right:12px solid transparent;
    z-index: 99;
}
.tacktips>.content{
    position: relative;
    width: auto;
    height: auto;
    color: #fff;
    z-index: 100;
    font-size: 12px;
}
.tacktips>.content>.display{
    line-height: 20px;
    display: inline-block;
}
.DataBlock{
    position: relative;
    margin: 0 0 5px 0;
}
.DataBlock:after{
    content:'。';
    position: absolute;
    bottom: 0;
    right: -3px;
    font-size: 20px;
    color: #bbb;
}
.DataBlock>.caption{
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid #ccc;
    width: 95%;
    margin: 0 auto;
    color: #0000cc;
}
.DataBlock>.caption .link{
    padding: 3px 0 0 20px;
    font-style: italic;
    /*display: inline-block;*/
    float: right;
    /*background: url("../images/link.png") no-repeat;*/
    /*background-size: 10px;*/
}
.DataBlock>.dataview>.text{
    text-indent: 1em;
    padding: 3px 3px;
    line-height: 25px;
    color: #666;
}
.DataBlock>.dataview>.keyvalue{
    text-align: center;
}
.DataBlock>.dataview>.keyvalue>table{
    margin: 0 auto;
}
.DataBlock>.dataview>.keyvalue>table tr td:first-child{
    font-style: italic;
    color: #cc665f;
    text-align: right;
}
.DataBlock>.dataview>.keyvalue>table tr td:last-child{
    color: #666;
    text-align: left;
    padding-left: 2px;
}


.yui-morequery{
    position: relative;
    width: 700px;
    overflow: hidden;
    box-sizing: content-box;
    /*max-height: 500px;*/
    /*clear: both;*/
    /*height: 500px;*/
    /*height: auto;*/
}
.yui-morequery .iconfont{
    font-size: 12px;
}
.yui-morequery .yui-morequery-mainpanel input{
    height: 23px;
    border-radius: 4px;
    border: 1px solid #c6d5e0;
    line-height: 23px;
}
.yui-morequery .search_input{
    background: url(images/search_bg.png) no-repeat right;
    width: 151px;
    border-radius: 0;
}
.yui-morequery .yui-morequery-head{
    height: 38px;
    border-bottom: 2px solid #CCCCCC;
    width: 100%;
}
.yui-morequery .abtns{
    padding: 15px 5px 0 0;
    float: right;color: #3d89cc;
}
.yui-morequery .abtns a{
    padding-right: 4px;
}
.yui-morequery .abtns .iconfont{
    margin-left: 3px;
}
.yui-morequery .tpls ul li {
    padding: 7px 12px;
    float: left;
    background: #f5f5f5;
    cursor: pointer;
    height: 20px;
    border: 1px solid #fff;
    box-sizing: content-box;
}
.yui-morequery .tpls .current {
    background: #3d89cc;
    color: #FFFFFF;
}
.yui-morequery .tpls .nosave:after{
    content: "*";
    font-weight: bolder;
    margin-left: 2px;
}
.yui-morequery-mainpanel{
    clear: both;
    width: 800px;
}
.yui-morequery-fields{
    padding: 5px 6px 10px 3px;
    float: left;width: 155px;
    /*border-right: 1px solid #eee;*/
}
.yui-morequery-fields .fielditem{
    padding: 6px 0 0 5px;
    color: #3d89cc;
}
/*.yui-morequery-fields {*/
/*scrollbar-face-color: rgba(0, 0, 0, 0.3);*/
/*!*主体*!*/
/*scrollbar-highlight-color: #405a76;*/
/*scrollbar-shadow-color: rgba(0, 0, 0, 0.3);*/
/*!*主体*!*/
/*scrollbar-highlight-color: #99a9b5;*/
/*scrollbar-3dlight-color: #1a283b;*/
/*scrollbar-shadow-color: #1a283b;*/
/*scrollbar-track-color: #CCD7FF;*/
/*!*背景*!*/
/*}*/
.yui-morequery-fields .columns{
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 7px;
    width: 149px;
    border-right: 1px solid #ccc;
    cursor: pointer;
}

.yui-morequery-fields .columns::-webkit-scrollbar {
    width:4px;
    height: 14px;
}
.yui-morequery-fields .columns::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px #ccc inset;
}
.yui-morequery-fields .columns::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px #ccc inset;
}
.yui-morequery-fields .columns::-webkit-scrollbar-corner {
    background: #ccc;
}
.yui-morequery .templateTab{
    overflow-x: hidden;
    overflow-y: auto;
}
.yui-morequery .templateTab::-webkit-scrollbar {
    width:4px;
    height: 14px;
}
.yui-morequery .templateTab::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px #ccc inset;
}
.yui-morequery .templateTab::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px #ccc inset;
}
.yui-morequery .templateTab::-webkit-scrollbar-corner {
    background: #ccc;
}
.yui-morequery .queryitem label{
    width: 60px;
    display: inline-block;
    text-align: center;
}
.yui-morequery .queryitem .op,.yui-morequery .queryitem select{
    width: 60px;
    height: 23px;
    line-height: 23px;
    padding: 0;
    text-align: center;
}
.yui-morequery .queryitem .op option,.yui-morequery .queryitem select option{
    padding: 2px;
}
.yui-morequery .queryitem{
    margin-top: 5px;
    padding-left: 5px;
}
.yui-morequery .queryitem i{
    color: #3d89cc;
}
.yui-morequery .submit{
    border-radius: 3px;
    background: #3d89cc;
    border: none;
    color: #FFFFFF;
    padding: 5px 20px;
    height: auto;
    width: 80px;
}
.yui-morequery .cancel{
    border-radius: 3px;
    background: #ff8400;
    border: none;
    color: #FFFFFF;
    margin-left: 15px;
    padding: 5px 20px;
    height: auto;
    width: 80px;
}
.yui-morequery .addInputOuter{
    left:0;
    top:0;
    bottom: 0;
    right: 0;
    background-color :#000;
    opacity :0.3;
    filter:alpha(opacity=30);
    position: absolute;
    display: none;
}
.yui-morequery .addInput{
    padding: 10px 8px;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -150px!important;
    margin-top: -30px!important;
    z-index: 500;
    background-color:#fff
}
/*可伸缩的panel组件*/
.yui-accordion{
    border: 1px solid #56abe4;
    padding: 5px 10px;
    position: relative;
}




.yui-accordion>.head{
    padding: 0 8px;
    height: 30px;
    border-bottom: 1px dotted #ccc;
    margin: 0 auto;
    overflow: hidden;
}
.yui-accordion>.head .title{
    float: left;
    cursor:pointer;
}
.yui-accordion>.head span{
    display: inline-block;
    padding-top: 8px;
    font-weight: bold;
    font-size: 14px;;
}
.yui-accordion>.head .toggle{
    float: right;
    margin-top: 10px;
    color: #ccc;
}
/*树组件*/
.yui-tree ul{
    padding-left: 15px;;
}
.yui-tree li{
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0 5px;
    position: relative;
    transition: height 2s;
}
.yui-tree>ul>li::before,.yui-tree>ul>li::after{
    content: "";
    position: absolute;
}
.yui-tree>ul>li::before{
    border-left: 1px solid #ccc;
    bottom: 30px;
    height: auto;
    height: 100%;
    top: 25px;
    width: 1px;
    left: -5px;
    right: auto;
}
.yui-tree>ul>li::after{
    content: "";
    border-top: 1px solid #ccc;
    position: absolute;
    top:25px;
    left: -5px;
    width: 10px;
    height: 1px;
}
.yui-tree>ul>li:last-child::before {
    display: none;
}
.yui-tree li span{
    display: inline-block;
    border: 1px solid #414141;
    height: 25px;
    line-height: 25px;
    background-color: #ddd;
    border-radius: 4px;
    padding: 2px 6px;
    cursor: pointer;
}
.yui-tree li span:hover{
    background-color: #00a0c5;
    transition: background-color 1s;
}
.yui-tree ul li li::before,.yui-tree ul li li::after{
    content: "";
    position: absolute;
}
.yui-tree ul li li::before{
    border-left: 1px solid #ccc;
    bottom: 80px;
    height: auto;
    height: 100%;
    top: -0px;
    width: 1px;
    left: -8px;
    right: auto;
}
.yui-tree ul li li::after{
    content: "";
    border-top: 1px solid #ccc;
    position: absolute;
    top:25px;
    left: -8px;
    width: 14px;
    height: 1px;
}
.yui-tree ul li:last-child::before{
    height: 25px;
}
.yui-tree ul.dataview li{
    list-style-type: none;
    margin: 0;
    padding: 1px 5px 0 2px;
    position: relative;
    transition: height 2s;
}
.yui-tree ul.dataview li span.yui-tree-node{
    padding: 2px 4px;
    border: none;
    height: 16px;
    line-height: 16px;
    background-color: transparent;
    color: #333;
    white-space: nowrap;
}

.yui-tree ul.dataview li::before{
    /*border-left: 1px solid RED;*/
    height: auto;
    height: 100%;
    top: -2px;
    width: 1px;
    left: -8px;
    right: auto;
}
.yui-tree ul.dataview>li::before{
    top: 12px;
}
.yui-tree ul.dataview li:last-child::before{
    height: 14px;
}
.yui-tree ul.dataview li span.current{
    background:#C0C0C0
}

/*.yui-tree ul.dataview>li li:last-child::before{*/
    /*display: none;*/
/*}*/
.yui-tree ul.dataview li::after{
    content: "";
    border-top: 1px solid #ccc;
    position: absolute;
    top:12px;
    left: -8px;
    width: 14px;
    height: 1px;
}
.yui-tree ul.dataview .switch{
    position: absolute;
    left: -21px;
    top: -2px;
    height: 18px;
    width: 18px;
    z-index: 100;
    margin: 5px;
    background: url("images/TreeStandard.png");

}
.yui-tree ul.dataview .switchopen{
    background-position: -92px 0
}
.yui-tree ul.dataview .switchclose{
    background-position: -74px -36px;
}
.yui-treedialog{
    display: none;
    position: absolute;
}
.yui-treedialog .main{
    width: 100%;position: absolute; margin: 0 auto;
    background-color: #fff;
}
.yui-treedialog .main>.lefttree{
    position: relative;
    left:2px;top:2px;width: 270px; border: 1px solid #ccc; height: 320px;overflow-y:auto;
    float: left;
}
.yui-treedialog .main>.operationview{
    float: left;
    width: 30px;
    margin: 100px 10px 0 10px;
    display: none;
}
.yui-treedialog .main>.operationview>.iconfont{
    font-size: 30px;
    color: #0A5FA2;
    clear: both;
    display: block;
    margin-top: 10px;
}
.yui-treedialog .main>.rightselect{
    float: left;
    width: 210px;
    display: none;
}
.yui-treedialog .main>.rightselect>.select_multi{
    border: 1px solid #ccc;
    width: 100%;
    height: 320px;
}
.yui-treedialog .main>.rightselect>.select_multi>option{
    padding: 5px;
    border-bottom: 1px dashed #ccc;
}
.yui-treedialog .main>.errorinfo{
    position: absolute;top:325px;left: 0;
    width: 200px;
    height: 20px;
    color: red;
    margin-left: 10px;
    font-weight: bold;
    font-size: 14px;
}
.yui-treedialog .main>.bottomview{
    /*position: absolute;*/
    margin-top: 2px;
    width: 100%;
    text-align: center;
}
.yui-treedialog .main>.bottomview>.returnbtn{
    width: 100px; height: 30px;
    margin: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #ddd;
    display: none;
}
.yui-treedialog .shell{
    background-color: rgba(100, 100, 100, 0.2);
    border-radius: 4px;
    padding: 4px;
}
@-webkit-keyframes hide{from {opacity:1.0} to {opacity:0} }
@-webkit-keyframes show{from {opacity:0} to {opacity:1} }